<!DOCTYPE html>
<html lang="zh">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
  <meta name="keywords" content="select">
  <meta name="description" content="select">
  <title>补贴产品查询</title>
  <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-touch-fullscreen" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="default">
  <link rel="stylesheet" type="text/css" href="../css/materialdesignicons.min.css">
  <!-- 引入 bootstrap 样式 -->
  <link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">

  <link rel="stylesheet" type="text/css" href="../css/style.min.css">
  <link rel="stylesheet" type="text/css" href="../css/form.css">
  <link rel="stylesheet" type="text/css" href="../css/productInquiry.css">
  <link rel="stylesheet" type="text/css" href="../css/custom-btn.css">
</head>

<body>
  <header class="page-header">
    <div class="title">四川省农机购置与应用补贴产品查询</div>
  </header>
  <div class="container-fluid max-90 min-1200">
    <div class="card search-card b-radius-5">
      <div class="min_title plr-24 ptb-15">
        <div class="title_label">数据筛选</div>
      </div>
      <!-- 搜索内容 -->
      <form id="formData" class="search-form">
        <div id="search-form-box" class="d-row s-df">

          <div class="flex-box align-items-center">
            <div class="search-label text-nowrap">机具大类：</div>
            <div class="search-con flex-1">
              <select name="0" class="form-control select-dropdown">
                <option value="0">请选择</option>
                <option value="1">大类一</option>
                <option value="2">大类二</option>
                <option value="3">大类三</option>
                <option value="4">大类四</option>
                <option value="5">大类五</option>
                <option value="5">大类六</option>
              </select>
            </div>
          </div>

          <div class="flex-box align-items-center">
            <div class="search-label text-nowrap">机具小类：</div>
            <div class="search-con flex-1">
              <select name="2" class="form-control select-dropdown">
                <option value="1">-- Select 1 --</option>
                <option value="2">-- Select 2 --</option>
                <option value="3">-- Select 3 --</option>
                <option value="4">-- Select 4 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
              </select>
            </div>
          </div>

          <div class="flex-box align-items-center">
            <div class="search-label text-nowrap">机具品目：</div>
            <div class="search-con flex-1">
              <select name="2" class="form-control select-dropdown">
                <option value="1">-- Select 1 --</option>
                <option value="2">-- Select 2 --</option>
                <option value="3">-- Select 3 --</option>
                <option value="4">-- Select 4 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
              </select>
            </div>
          </div>

          <div class="flex-box align-items-center">
            <div class="search-label text-nowrap">
              分档名称：
            </div>
            <div class="search-con flex-1">
              <input type="text" name="fileName" class="form-control" id="fileName" placeholder="请输入分档名称">
            </div>
          </div>

          <div class="flex-box align-items-center d-none">
            <div class="search-label text-nowrap">是否封闭：</div>
            <div class="search-con flex-1">
              <select name="2" class="form-control select-dropdown">
                <option value="1">-- Select 1 --</option>
                <option value="2">-- Select 2 --</option>
                <option value="3">-- Select 3 --</option>
                <option value="4">-- Select 4 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
              </select>
            </div>
          </div>

          <div class="flex-box align-items-center d-none">
            <div class="search-label text-nowrap">是否牌证机具：</div>
            <div class="search-con flex-1">
              <select name="2" class="form-control select-dropdown">
                <option value="1">-- Select 1 --</option>
                <option value="2">-- Select 2 --</option>
                <option value="3">-- Select 3 --</option>
                <option value="4">-- Select 4 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
              </select>
            </div>
          </div>

          <div class="flex-box align-items-center d-none">
            <div class="search-label text-nowrap">
              生产企业：
            </div>
            <div class="search-con flex-1">
              <input type="text" name="productionEnterprise" class="form-control" id="productionEnterprise"
                placeholder="请输入生产企业">
            </div>
          </div>

          <div class="flex-box align-items-center d-none">
            <div class="search-label text-nowrap">
              产品名称：
            </div>
            <div class="search-con flex-1">
              <input type="text" name="productName" class="form-control" id="productName" placeholder="请输入产品名称">
            </div>
          </div>

          <div class="flex-box align-items-center d-none">
            <div class="search-label text-nowrap">
              型号：
            </div>
            <div class="search-con flex-1">
              <input type="text" name="modelNumber" class="form-control" id="modelNumber" placeholder="请输入型号">
            </div>
          </div>

          <div class="flex-box align-items-center d-none">
            <div class="search-label text-nowrap">显示条数：</div>
            <div class="search-con flex-1">
              <select name="2" class="form-control select-dropdown">
                <option value="1">-- Select 1 --</option>
                <option value="2">-- Select 2 --</option>
                <option value="3">-- Select 3 --</option>
                <option value="4">-- Select 4 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
              </select>
            </div>
          </div>

          <div class="flex-box align-items-center d-none">
            <div class="search-label text-nowrap">是否取消补贴：</div>
            <div class="search-con flex-1">
              <select name="2" class="form-control select-dropdown">
                <option value="1">-- Select 1 --</option>
                <option value="2">-- Select 2 --</option>
                <option value="3">-- Select 3 --</option>
                <option value="4">-- Select 4 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
                <option value="5">-- Select 5 --</option>
              </select>
            </div>
          </div>

        </div>
      </form>

      <div class="card-footer flex-box border-top" style="z-index: 1;">
        <div class="operate-btn">
          <button class="custom-btn primary" onclick="searchBtn()">查询</button>
          <button class="custom-btn primary plain" onclick="resetBtn()">重置</button>
        </div>
        <div class="unfold-btn">
          <button class="btn btn-link text-success flex-box align-items-center" onclick="unfoldMore()">
            <span>更多搜索条件</span>
            <span id="s-more-icon" class="more-icon"></span>
          </button>
        </div>
      </div>
    </div>

    <!-- 列表内容 -->
    <div class="card query-list b-radius-5">
      <div class="min_title plr-24 ptb-15">
        <div class="title_label">数据列表</div>
      </div>
      <div class="query-list-box">
        <ul id="queryList" class="list">
          <li class="list-item">
            <div class="item-title">1、分档名称：单轴2000—2500mm旋耕机</div>
            <table border class="manage-table">
              <tr>
                <td class="label">机具大类</td>
                <td class="value">耕整地机械</td>
                <td class="label">机具小类</td>
                <td class="value">耕地机械</td>
              </tr>
              <tr>
                <td class="label">机具品目</td>
                <td class="value">旋耕机</td>
                <td class="label">生产企业</td>
                <td class="value">测试企业名称</td>
              </tr>
              <tr>
                <td class="label">产品名称</td>
                <td class="value">多功能变速旋耕机</td>
                <td class="label">型号</td>
                <td class="value">1GKNB-200G</td>
              </tr>
              <tr>
                <td class="label">基本配置与参数（投档档次）</td>
                <td class="value" colspan="3">轴数：单轴；耕幅：3333mm;</td>
              </tr>
            </table>
          </li>
        </ul>
      </div>

      <div class="card-header operate-btn">
        <button class="btn btn-outline-success" onclick="pageUp()">上一页</button>
        <button class="btn btn-outline-success" onclick="pageDown()">下一页</button>

        <div class="show-info">共9页/第1页，共42条数据</div>
      </div>

    </div>

  </div>
  <script type="text/javascript" src="../js/jquery.min.js"></script>
  <script type="text/javascript" src="../js/popper.min.js"></script>
  <script type="text/javascript" src="../js/bootstrap.min.js"></script>
  <script type="text/javascript" src="../js/main.min.js"></script>
  <!-- 下拉选择 -->
  <script type="text/javascript" src="../js/jqSelect/jquery.easydropdown.js"></script>
  <script type="text/javascript" src="../js/productInquiry.js"></script>
</body>

</html>